<template>
  <div>
    <table class="table1 owntable tableLayout mb20" border="0" cellspacing="0" cellpadding="1" style="width: 100%;">
      <tr>
        <td width="150">风险管理计划编号</td>
        <td>{{ item.number }}</td>
        <td width="150">风险管理计划名称</td>
        <td>{{ item.name }}</td>
      </tr>
      <tr>
        <td>产品名称</td>
        <td>{{ item.productName || '-' }}</td>
        <td>产品代码</td>
        <td>{{ item.productCode || '-' }}</td>
      </tr>
      <tr>
        <td>规格型号</td>
        <td colspan="3">{{ item.skus || '-' }}</td>
      </tr>
      <tr>
        <td>产品概述</td>
        <td colspan="3">{{ item.overview || '-' }}</td>
      </tr>
      <tr>
        <td>用途及适用范围</td>
        <td colspan="3">{{ item.applicationScope || '-' }}</td>
      </tr>
    
      <tr>
        <td>管理部门</td>
        <td>{{ item.manageDeptName }}</td>
        <td>负责人</td>
        <td>{{ item.manageUserName }}</td>
      </tr>
      <tr>
        <td style="width: 150px;">编制部门</td>
        <td colspan="3">{{ item.createDeptName }}</td>
      </tr>
    </table>
    
    <div class="mb20">管理计划</div>
    <table class="table1 owntable tableLayout mb20" style="width: 100%;" border="0" cellspacing="0" cellpadding="1" v-for="(v, k) in item.planList" :key="k">
      <tr>
        <td width="150">产品生命周期阶段</td>
        <td width="100%" colspan="3">{{ v.lifeCycleStage || '-' }}</td>
      </tr>
      <tr>
        <td width="150">风险管理活动</td>
        <td colspan="3">{{ v.activity || '-' }}</td>
      </tr>
      <tr>
        <td width="150">计划时间</td>
        <td>{{ v.planDate || '-' }}</td>
        <td width="150">责任人</td>
        <td>{{ v.principalName || '-' }}</td>
      </tr>
    </table>
    
    <div class="mb20">风险可接受准则如下：</div>
    <table class="table1 owntable tableLayout mb20" style="width: 100%;" border="0" cellspacing="0" cellpadding="1" v-for="(v, lines) in item.guidelinesList" :key="lines">
      <tr>
        <!-- <td width="150">产品生命周期阶段</td> -->
        <td colspan="4"><b>风险的严重度水平分级：5级</b></td>
      </tr>
      <tr>
        <td class="white_bg">严重度水平分级</td>
        <td>严重度名称</td>
        <td class="white_bg" colspan="2">定义</td>
      </tr>
      <tr>
        <td class="white_bg">{{ v.severityLevelRating }}</td>
        <td>{{ v.severityName }}</td>
        <td class="white_bg" colspan="2">{{ v.definition }}</td>
      </tr>
      <tr>
        <!-- <td width="150">产品生命周期阶段</td> -->
        <td colspan="4"><b>风险的概率分级：5级</b></td>
      </tr>
      <tr>
        <td class="white_bg">概率分级</td>
        <td>概率分级名称</td>
        <td class="white_bg" colspan="2">频次（人次/年）</td>
      </tr>
      <tr>
        <td class="white_bg">{{ v.probabilityGrading }}</td>
        <td>{{ v.probabilityGradingName }}</td>
        <td class="white_bg" colspan="2" v-html="v.frequency"></td>
      </tr>
      <tr>
        <td><b>风险评价准则</b></td>
        <td colspan="3">{{ v.riskAssessment }}</td>
      </tr>
    </table>
  </div>
</template>

<script>
export default {
  props: {
    item: {}
  }
};
</script>

<style scoped>
	tr td:nth-child(2n-1){
		width: 150px;
	}
</style>
